<script setup>

</script>

<template>
  <div class="user">
    <div class="left-entry">
      <ul>
        <li v-for="index in 4" :key="index">首页</li>
      </ul>
    </div>
    <div class="middle-search">

    </div>

  </div>
</template>

<style scoped>
  .user{
    position: relative;
    height: 50%;
    width: 40%;
    color: white;
    font-size: large;
  }
  .left-entry{
    position: relative;
    border: #181818 solid 1px;
    top: 0;
    height: 80%;
    color: white !important;
  }
  ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex; /* 使用 flex 布局 */
  }
  li {
    margin-right: 10px; /* 设置列表项之间的间距 */
    cursor: pointer;
    margin: 20px;
  }
</style>